<!DOCTYPE html>
<html>
	<head>
		<title>pDrive</title>
		<script src="http://vjs.zencdn.net/c/video.js"></script>
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/bootstrap-responsive.css" rel="stylesheet">
		<link href="sheet.css" rel="stylesheet">
		<link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet">
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
	</head>
	<body>
		<div id="generalModal_wrapper" class="_overlayWrapper">
			<div id="generalModal_overlay" class="_overlay">&nbsp;</div>
			<div id="generalModal_vertical-offset" class="_overlay_vertical-offset">
				<div id="generalModal_body" class="_overlayBody">
					<div id="generalModal_content" class="_overlayContent"></div>
					<br><button class="btn btn-small" id="_overlay_close">close</button>
				</div>
			</div>
		</div>
		
		<div id="imageModal_wrapper" class="_overlayWrapper">
			<div class="_overlay">&nbsp;</div>
			<div class="_overlay_vertical-offset">
				<div id="imageModal_overlay" class="_imgOverlay">
					<img id="imageModal_image" class="shadow img-rounded">
				</div>
			</div>
		</div>
		
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span3">
					<div class="well sidebar-nav">
						<ul class="nav nav-list">
							<li class="nav-header">Tags</li>
							<li>
								<button id="_tag_select_all"  class="btn btn-mini" type="button">check all</button>
								<button id="_tag_select_none" class="btn btn-mini" type="button">check none</button>
								<button id="_tag_refresh" class="btn btn-mini" type="button"><i class="icon-refresh"></i></button>
								<button id="_tag_add" class="btn btn-mini" type="button"><i class="icon-plus"></i></button>
								<button id="_tag_remove" class="btn btn-mini" type="button"><i class="icon-minus"></i></button>
							</li>
						</ul>
						<ul class="nav nav-list" id="tagList"></ul>
					</div><!--/.well -->
				</div><!--/span-->
				<div class="span9"><!--Search/Limit Selectors-->
					<div class="span3">
						<div class="btn-group">
							<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span id="_dropdownButton_mediaType">Media</span><span class="caret"></span></a>
							<ul class="dropdown-menu" id="_mediaLimit">
								<li><a id="_mediaTypeLimit-_-" href="#">(all)</a></li>
							</ul>
						</div><!--/btn-group-->
						<div class="btn-group">
							<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span id="_dropdownButton_fileType">File</span><span class="caret"></span></a>
							<ul class="dropdown-menu" id="_fileTypeLimit">
								<li><a id="_fileTypeLimit-_-" href="#">(all)</a></li>
							</ul>
						</div><!--/btn-group-->
					</div><!--/File Type Button Group-->
					<div class="span4">
						<input type="text" id="_searchText" class="input-medium search-query">
						<button type="submit" class="btn" id="_searchButton"><i class="icon-search"></i></button>
						<button class="btn" id="_searchClearButton"><i class="icon-remove"></i></button>
					</div>
					<div class="span4" id="_mediaCount"></div>
					<div>
						<button id="_mediaReload" class="button" type="button"><i class="icon-refresh"></i></button>
					</div>
				</div><!--/Search/Limit Selectors-->
				
				<!--Media List-->
				<!--
				<div class="span9">
					<table class="table tablesorter" id="_mediaList_table">
						<thead id="_mediaList_table_head">
							<tr>
								<th style="text-align: center;">functions</th>
								<th style="text-align: center;">description</th>
								<th style="text-align: center;">rating</th>
								<th style="text-align: center;">tags</th>
							</tr>
						</thead>
						<tbody id="_mediaList_table_body">
						</tbody>
					</table>
				</div>
				-->
				<!--/Media List-->
				<div class="span9">
					<ul id="mediaThumbnails" class="thumbnails">
					</ul>
				</div>
				
				
			</div><!--/row-fluid-->
		</div><!--/container-->
		<script src="//crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/hmac-sha256.js"></script>
		<script src="//code.jquery.com/jquery-latest.js"></script>
		<script src="js/jquery.lazyload.min.js"></script>
		<script src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/pdrive.js"></script>
	</body>
</html>
